@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "WEBFONT";
    src: url('../../fonts/LTBOOK.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/LTBOOK.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             /* url('../../fonts/LTBOOK.woff') format('woff'), Modern Browsers */
             url('../../fonts/LTBOOK.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('../../fonts/LTBOOK.svg#LTBOOK') format('svg'); /* Legacy iOS */
}





.paging-title{text-align: center;padding-top: 62px;}
.paging-title h2{font-size: 36px;color: #333333;font-weight: normal;}
.paging-title h2 a{font-size: 36px;color: #333333;}
.paging-title h2 i{font-size: 36px;color: #00587D;font-style: normal;font-weight: bold;}
.paging-title p{font-size: 12px;color: #999;margin-top: 7px;}
.paging-title span{display: block;width: 25px;height: 1px;background: #dedede;margin: 0 auto;margin-top: 13px;}


/* banner */
.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .btn{ width: 100%;position: absolute;left: 0;bottom: 35px;text-align: center;z-index: 998;}
#flashs .btn span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 60px;height: 2px;background: #cccccc;margin: 0 5px;cursor: pointer;}
#flashs .btn span.cur {background: #00587D;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}

/* 服务 */
.shuju{}
.shuju ul{padding: 60px 0;background: url(Img/index/xiexian01.png) no-repeat 280px}
.shuju ul li{width: 270px;float: left;padding-left: 29px;text-align: right;}
.shuju ul li span{font-size: 48px;color: #00587D;font-family: "WEBFONT";}
.shuju ul li p{font-size: 18px;color: #333;}
.shuju ul li:first-child{width:200px;}
.shuju ul li.list01{    width: 284px;}

/* 困扰 */
.kunyao{width: 100%;background: url(Img/index/kunyao=bj_02.jpg) no-repeat center;border-top: 1px solid #dedede;height: 1160px;}
.kunyao .container>p{text-align: center;font-size: 18px;color: #666;margin-top: 14px;}
.kunyao-nr{width: 1220px;height: 541px;margin-top: 45px;}
.kunyao-nr .kunyao-nr-left{padding-top: 43px;float: left;}
.kunyao-nr .kunyao-nr-left h3{padding-left: 40px;color: #fff;font-size: 24px;}
.kunyao-nr .kunyao-nr-left h3>p{color: #fff;font-size: 16px;margin-top: 5px;}
.kunyao-nr .kunyao-nr-left dl{margin-top: 29px;}
.kunyao-nr .kunyao-nr-left dl dd{padding-left: 115px;line-height: 100px;}
.kunyao-nr .kunyao-nr-left dl dd p{font-size: 18px;color: #999;}

.kunyao-nr .kunyao-nr-right{padding-top: 43px;text-align: right;float: right;}
.kunyao-nr .kunyao-nr-right h3{padding-right: 40px;color: #fff;font-size: 24px;height: 72px;}
.kunyao-nr .kunyao-nr-right h3>p{color: #fff;font-size: 16px;margin-top: 5px;}
.kunyao-nr .kunyao-nr-right dl{margin-top: 55px;}
.kunyao-nr .kunyao-nr-right dl dd{padding-right: 115px;height: 100px;}
.kunyao-nr .kunyao-nr-right dl dd p{font-size: 18px;color: #333;}
.kunyao-nr .kunyao-nr-right dl dd p i{font-weight: bold;color: #00587D;font-style: normal;}
.kunyao-nr .kunyao-nr-right dl dd p span{font-size: 12px;color: #666;}

.kunyao .container{position: relative;}
.kunyao .container>img{position: absolute;left: 0;top: 751px;display: block;}


/* 系统 */
.xiton{width: 100%;background: url(Img/index/xitoudinzhi_02.jpg) no-repeat center;height: 836px;}
.xiton .container{padding-top: 120px;position: relative;}
.xiton .paging-title{padding-top: 50px;}
.xiton .container>img.img{display: block;position: absolute;right: -202px;top: 204px}
.xiton .container .paging-title h2 a{color: #fff;}
.xiton .container .paging-title h2 a i{color: #fff;}
.xiton .container .paging-title p{color: #fff;}
.xiton .container>p{text-align: center;font-size: 18px;color: #fff;margin-top: 24px;}

.xiton-ct{width: 1230px;height: 392px;background: #fff;margin-top: 48px;padding: 25px 0;padding-left: 15px;}

.xiton-left{width: 260px;float: left;}
.xiton-left a{display: block;height: 97px;line-height: 97px;text-indent: 28px;font-size: 18px;color: #333;}
.xiton-left a.cur{background: url(Img/index/qiehuan.png) no-repeat center;color: #fff;}

.xiton-right{float: left;margin-left: 8px;}
.xiton-right dl{}
.xiton-right dl dt{padding: 10px;border: 1px solid #dbdbdb;border-radius: 3px;float: left;}
.xiton-right dl dt a{display: block;width: 512px;height: 368px;}
.xiton-right dl dd{float: left;margin-left: 30px;width: 330px;padding-top: 42px;}
.xiton-right dl dd h3 a{font-size: 24px;color: #00587D;}
.xiton-right dl dd h3 span{font-size: 12px;color: #999;font-family: "Arial";}
.xiton-right dl dd p{font-size: 18px;color: #333;line-height: 30px;margin-top: 23px;height: 60px;}
.xiton-right dl dd>a{display: block;width: 136px;height: 50px;line-height: 50px;text-align: center;border-radius: 3px;color: #fff;font-size: 14px;background: #333;margin-right: 10px;float: left;margin-top: 82px;}
.xiton-right dl dd>a.a02{background: #00587D;}


/* 尺寸推荐 */
.recommend{width: 100%;background: #fff;padding-bottom: 60px;}
.recommend .container .paging-title h2 a i{font-weight: normal;}
.recommend-qh{border: 1px solid #dedede;width: 1200px;margin: 0 auto;margin-top: 28px;}
.recommend-qh>a{display: block;width: 238px;height: 60px;line-height: 60px;text-align: center;font-size: 14px;color: #333;border-left: 1px solid #dedede;float: left;}
.recommend-qh>a:first-child{border-left: none;}
.recommend-qh>a.cur {background: #00587D;color: #fff;}

.recommend-ul{margin-top: 38px;}
.recommend-ul ul{width: 1228px;margin-left: -23px;}
.recommend-ul ul li{padding: 0 11px;padding-top: 11px;background: url(Img/index/shipingkk.png) no-repeat top left;width: 363px;height: 365px;position: relative;margin-left: 24px;float: left;}
.recommend-ul ul li>a{display: block;width: 360px;height: 284px;overflow: hidden;}
.recommend-ul ul li>a img{display: block;width: 360px;height: 284px;transition: all 1s ease-out;}
.recommend-ul ul li:hover>a img{transform: scale(1.1);}
.recommend-ul ul li>p{text-align: center;margin-top: 33px;}
.recommend-ul ul li>p>a{font-size: 16px;color: #333;}
.recommend-ul ul li>img{position: absolute;top: 0;left: 0;}

.recommend .container>a{width: 200px;height: 58px;line-height: 58px;text-align: center;color: #333;font-size: 16px;display: block;margin: 0 auto;border: 1px solid #dedede;margin-top: 32px;}
.recommend .container>a:hover{background: #00587D;color: #fff;}


/* 经典案例 */
.anli{width: 100%;height: 668px;background: url(../images/anli_06.jpg) no-repeat center;}
.anli .container .paging-title h2 a{color: #fff;}
.anli .container .paging-title p{color: #fff;}
.anli .container{position: relative;}
.anli-lbt{position: relative;width: 1200px;overflow: hidden;margin-top: 30px;}
.anli-lbt ul{position: relative;}
.anli-lbt ul li{width: 380px;float: left;margin-left: 30px;}
.anli-lbt ul li:first-child{margin-left: 0;}
.anli-lbt ul li>a{width: 380px;height: 303px;display: block;overflow: hidden;}
.anli-lbt ul li>a img{width: 380px;height: 303px;display: block;transition: all 1s ease-out;}
.anli-lbt ul li:hover>a img{transform: scale(1.1);}
.anli-lbt ul li p{font-size: 16px;color: #fff;text-align: center;border-bottom: 1px solid #006c70;height: 58px;overflow: hidden;padding: 0 15px;width: 350px;}
.anli-lbt ul li p>a{font-size: 16px;color: #fff;line-height: 58px;display: block;}

.anli .container>span{display: block;width: 60px;height: 60px;position: absolute;top:297px;}
.anli .container #anli-an01{background: url(../images/zuoyouanniu.png) no-repeat top left;left: -90px;}
.anli .container #anli-an01:hover{background: url(../images/zuoyouanniu.png) no-repeat bottom left}
.anli .container #anli-an02{background: url(../images/zuoyouanniu.png) no-repeat top right;right: -90px;}
.anli .container #anli-an02:hover{background: url(../images/zuoyouanniu.png) no-repeat bottom right}

.anli .container>a{width: 200px;height: 58px;line-height: 58px;text-align: center;color: #fff;font-size: 16px;display: block;margin: 0 auto;margin-top: 40px;background: #333;}
.anli .container>a:hover{color: #00587D;background: #fff;}

/* 鸿海核心优势 */
.youshi{width: 100%;background: #f1f1f1;}
.youshi .paging-title h2 i{font-weight: normal;}
.youshi a{cursor:default;}

.youshi-ul{margin-top: 65px;padding-bottom: 70px;}
.youshi-ul dl{float: left;width: 400px;}
.youshi-ul dl dd{width: 400px;height: 319px;background: #fff;}
.youshi-ul dl dd.li01{width: 340px;height: 242px;position: relative;padding: 0 30px;padding-top: 77px;}
.youshi-ul dl dd>a{display: block;;width: 400px;height: 319px;overflow: hidden;}
.youshi-ul dl dd>a img{display: block;;width: 400px;height: 319px;transition: all 1s ease-out;}
.youshi-ul dl:hover dd>a img{transform: scale(1.1);}


.youshi-ul dl dd.li01>h3>a{font-size: 24px;color: #00587D;font-weight: normal;}
.youshi-ul dl dd.li01>p{margin-top: 22px;width: 100%; font-size:14px;}
.youshi-ul dl dd.li01>p>a{font-size: 18px;color: #333;line-height: 28px; font-size:14px;}
.youshi-ul dl dd.li01>.a01{font-size: 14px;color: #999999;margin-top: 40px;display: block;width: 50px;height: 14px;width: 105px;height: 31px;line-height: 31px;text-align: center;border: 1px solid #999;border-radius: 15.5px;}

.triangle_border_down{
    width:0;
    height:0;
    border-width:11px 11px 0;
    border-style:solid;
    border-color:#fff transparent transparent;/*灰 透明 透明 */
    position: absolute;
    bottom: -11px;
    z-index: 999;
    left: 50%;
    margin-left: -11px;
}
.triangle_border_up{
    width:0;
    height:0;
    border-width:0 11px 11px;
    border-style:solid;
    border-color:transparent transparent #fff;/*透明 透明  灰*/
    position:absolute;
    left: 50%;
    margin-left: -11px;
    top: -11px;
    z-index: 999;
}


/* About */
.About{width: 100%;height: 780px;background: url(../images/about-bj_02.jpg) no-repeat center;}
.About .container .paging-title h2 a{color: #fff;}
.About .container .paging-title h2 a i{color: #fff;}
.About .container .paging-title p{color: #fff;}

.About .About-ct{padding: 40px 0;background: #fff;margin-top: 38px;padding-left: 40px;}
.About .About-ct dl{}
.About .About-ct dl dd{float: left;}
.About .About-ct dl dd.dd01{width: 560px;height: 405px;overflow: hidden;}
.About .About-ct dl dd.dd01 a{width: 560px;height: 405px;overflow: hidden;display: block;}
.About .About-ct dl dd.dd01 a img{width: 560px;height: 405px;display: block;transition: all 1s ease-out; }
.About .About-ct dl:hover dd.dd01 a img{transform: scale(1.1);}


.About .About-ct dl dd.dd02{width: 540px;padding-left: 30px;padding-top: 30px;}
.About .About-ct dl dd.dd02 h3 a{font-size: 24px;color: #333;font-weight: normal;}
.About .About-ct dl dd.dd02 h4{margin-top: 6px;}
.About .About-ct dl dd.dd02 h4 a{font-size: 24px;color: #333;}
.About .About-ct dl dd.dd02 h4 a i{font-size: 24px;color: #00587D;font-style: normal;}
.About .About-ct dl dd.dd02 span{font-size: 18px;color: #00587D;display: block;margin-top: 18px;font-weight: bold;}
.About .About-ct dl dd.dd02 p{width: 540px;overflow: hidden;margin-top: 20px; font-size: 14px;line-height: 30px;}
.About .About-ct dl dd.dd02 p a{font-size: 14px;color: #666;line-height: 36px;}
.About .About-ct dl dd.dd02 >a{display: block;width: 37px;height: 15px;background: url(../images/youjiantou.png) no-repeat center;margin-top: 55px;}

.About-qh{}
.About-qh span{display: block;width: 400px;text-align: center;float: left;font-size: 24px;height: 100px;line-height: 100px;background: #333;margin-top: 30px;}
.About-qh span a{display: block;width: 400px;color: #fff;background: url(Img/index/shxian1.png) no-repeat left}
.About-qh span:first-child a{background: none;}
.About-qh span.cur{background: none;}




.About .About-ct dl{position: relative;}
.About .About-ct dl div{height: 405px;position: relative;overflow: hidden;width: 1119px;}
.About .About-ct dl div ul{position: relative;}
.About .About-ct dl div ul li {width: 353px;float: left;margin-left: 30px;height: 406px;}
.About .About-ct dl div ul li:first-child{margin-left: 0;}
.About .About-ct dl div ul li a{width: 353px;height: 332px;display: block;overflow: hidden;}
.About .About-ct dl div ul li a img{width: 353px;height: 332px;display: block;transition: all 1s ease-out;}
.About .About-ct dl div ul li p{width: 333px;height: 70px;line-height: 70px;text-align: center;overflow: hidden;padding: 0 10px;background: #333;}
.About .About-ct dl div ul li p a{font-size: 14px;color: #fff;}
.About .About-ct dl div ul li:hover p{background: #006c70;}
.About .About-ct dl div ul li:hover a img{transform: scale(1.1);}

.About .About-ct dl>span{display: block !important;width: 42px;height: 85px;position: absolute;top: 160px;}
.About .About-ct dl span#ziliann01{background: url(Img/index/zilianniu.png) no-repeat left top;left: 0;}
.About .About-ct dl span#ziliann02{background: url(Img/index/zilianniu.png) no-repeat right top;right: 41px;}
.About .About-ct dl span#ziliann03{background: url(Img/index/zilianniu.png) no-repeat left top;left: 0;}
.About .About-ct dl span#ziliann04{background: url(Img/index/zilianniu.png) no-repeat right top;right: 41px;}


/* support */
.support{width: 100%;background: #f1f1f1;padding-bottom: 70px;}
.support-ul{position: relative;margin-top: 40px;overflow: hidden;}
.support-ul ul{position: relative;}
.support-ul ul li{width: 220px;height: 130px;float: left;margin-left: 25px;}
.support-ul ul li:first-child{margin-left: 0;}
.support-ul ul li a{width: 220px;height: 130px;display: block;overflow: hidden;}
.support-ul ul li a img{width: 220px;height: 130px;display: block;transition: all 1s ease-out;}
.support-ul ul li:hover a img{transform: scale(1.1);}

.support .container{position: relative;}
.support .container>span{display: block;width: 41px;height: 41px;position: absolute;top: 215px}
.support .container>#support-an01{left: -55px;background: url(../images/zhichian.png) no-repeat bottom left;} 
.support .container>#support-an01:hover{background: url(../images/zhichian.png) no-repeat top left;} 
.support .container>#support-an02{right: -55px;background: url(../images/zhichian.png) no-repeat bottom right;}
.support .container>#support-an02:hover{background: url(../images/zhichian.png) no-repeat top right;}

/* 服务 */
.flow{padding-bottom: 70px;width: 100%;background: #fff;}
.flow-box{background: url(../images/hengxian01.png) no-repeat center;height: 238px;position: relative;margin-top: 40px;}
.flow-box dl dd{text-align: center;width: 190px;}
.flow-box dl dd span{font-family: "Arial";width: 30px;height: 30px;line-height: 30px;text-align: center;background: url(../images/tuoyuan01.png) no-repeat bottom;display: block;color: #fff;font-size: 14px;margin: 0 auto;margin-top: 20px;}
.flow-box dl dd:hover span{background: url(../images/tuoyuan01.png) no-repeat top;}
.flow-box dl.dl01{position: absolute;top:0;right: 0;}
.flow-box dl.dl01 dd{float: left;margin-left: 98px;}
.flow-box dl.dl01 dd p{height: 79px;padding-bottom: 5px;background: url(../images/dl01.png) no-repeat top;font-size: 14px;color: #333;line-height: 79px;text-align: center;}
.flow-box dl.dl01 dd:hover p{background: url(../images/dl01.png) no-repeat bottom;color: #fff;}
.flow-box dl.dl02{position: absolute;bottom: 0;left: 0;}
.flow-box dl.dl02 dd{float: left;margin-right: 98px;}
.flow-box dl.dl02 dd p{height: 79px;padding-top: 5px;background: url(../images/dl02.png) no-repeat top;font-size: 14px;color: #333;line-height: 79px;text-align: center;margin-top: 20px;}
.flow-box dl.dl02 dd:hover p{background: url(../images/dl02.png) no-repeat bottom;color: #fff;}


/* 留言 */
.liuyan{width: 100%;height: 526px;background: url(Img/index/liuyan_02.jpg) no-repeat center;padding-top: 70px;}
.liuyan .container{height: 460px;background: url(Img/index/liuyan-bj_03.jpg) no-repeat center;;position: relative;}
.liuyan .container>img{position: absolute;bottom: -135px;left: -202px;}

.liuyan-left{width: 600px;float: left;text-align: center;}
.liuyan-left img{display: block;margin: 0 auto;margin-top: 108px;}
.liuyan-left h3{font-size: 40px;color: #00587D;margin-top: 40px;}
.liuyan-left p{font-size: 30px;color: #333;margin-top: 40px;}
.liuyan-left p i{font-size: 30px;color: #333;font-weight: bold;}
.liuyan-left span{font-size: 14px;color: #999;font-family: "Arial";display: block;margin-top: 10px;}

.liuyan-right{width:488px;float: left;margin-left: 55px;padding-top: 66px;}
.liuyan-right h3{font-size: 24px;color: #00587D;font-weight: normal;width: 100%;margin-bottom: 15px;}
.liuyan-right h3 span{font-size: 12px;color: #dedede;font-weight: normal;font-family: "Arial";float: right;display: block;margin-top: 15px;}
.liuyan-right p{width: 100%;margin-bottom: 10px;border: 1px solid #dedede;height: 49px;color: #999;font-size: 16px;}
.liuyan-right p input{width: 100%;height: 49px;line-height: 50px;border: none;outline: none;text-indent: 16px;}
input::-webkit-input-placeholder {
          /* placeholder颜色  */
          color: #999;
        /* placeholder字体大小  */
          font-size: 16px;

      }
.liuyan-right>a{display: block;width: 100%;height: 51px;line-height: 51px;text-align: center;color: #fff;background: #006c70;font-size: 18px}
.liuyan-right select{width: 72%;height: 49px;line-height: 50px;border: none;outline: none;font-size: 12px;color: #666;background: none;margin-top: -2px;  appearance:none;   
  -moz-appearance:none;   
  -webkit-appearance:none;  color: #999;font-size: 16px;}
.liuyan-right .p011{padding-left: 16px;width: 472px;background: url(Img/index/xiala01.png) no-repeat right;}

/* news */
.news{width: 100%;background: #fff;padding-bottom: 60px;}
.news .paging-title{margin-bottom: 28px;}
.news-left{width: 593px;float: left;padding-top: 20px;}
.news-left h3{padding-left: 40px;background: url(../images/chanjianwt.png) no-repeat left top;font-weight: normal;font-size: 24px;color: #00587D;padding-bottom: 12px;border-bottom: 1px solid #dedede;}
.news-left-ul{position: relative;overflow: hidden;height: 484px;}
.news-left-ul ul{position: relative;}

.news-left h3 a{color: #00587D;}
.news-left h3 span{color: #999;font-family: "Arial";font-size: 12px;}

.news-left li{padding-left: 43px;width: 550px;background: url(../images/wenda01.png) no-repeat left top;padding-top: 7px;margin-top: 35px;}
.news-left li h4 a{font-size: 16px;color: #333;font-weight: bold;}
.news-left li:hover h4 a{color: #00587D;}
.news-left li p{margin-top: 8px;height: 52px;overflow: hidden;}
.news-left li p a{font-size: 16px;color: #666;line-height: 26px;}

.news-right{border: 1px solid #dedede;float: right;width: 1200px;}
.news-right .news-qh{height: 60px;}
.news-right .news-qh a{height: 60px;line-height: 60px;text-align: center;display: block;font-size: 18px;color: #333;width: 120px;float: left;}
.news-right .news-qh a:first-child{background: url(Img/index/xxxxiann.png) no-repeat right;}
.news-right .news-qh a.cur{color: #006c70;font-weight: bold;}

.news-right-dl{ }
.news-right-dl dl{padding: 22px 0;  width: 48%; float: left;}
.news-right-dl dl dt{border-right: 1px solid #dedede;float: left;width: 127px;text-align: center;}
.news-right-dl dl dt span{color: #333;font-family: "Arial";font-size: 30px;font-weight: bold;}
.news-right-dl dl dt p{color: #333;font-family: "Arial";font-size: 18px;font-weight: bold;}
.news-right-dl dl dd{padding: 5px;float: left;  }

.news-right-dl dl dd h3{overflow: hidden;height: 24px;width: 100%;}
.news-right-dl dl dd h3 a{font-size: 18px;color: #00587D;font-weight: bold;}
.news-right-dl dl dd p {margin-top: 7px;width: 100%;height: 45px;overflow: hidden;}
.news-right-dl dl dd p a{font-size: 16px;color: #333;line-height: 24px;}

.news .container>a{display: block;width: 222px;height: 60px;line-height: 60px;text-align: center;font-size: 16px;color: #333;margin: 0 auto;border: 1px solid #dedede;margin-top: 50px;}
.news .container>a:hover{background: #006c70;color: #fff;}







































/* link */
.link{width: 100%;background: #f1f1f1;}
.link .link-qh{}
.link .link-qh a{font-size: 16px;color: #333;line-height: 56px;display: block;width: 120px;text-align: center;float: left;}
.link .link-qh a:first-child{background: url(Img/Common/link-bj.png) no-repeat right;}
.link .link-qh a.cur{color: #00587D;font-weight: bold;border-bottom: 2px solid #00587D;}
.link .link-qh a:hover{color: #00587D;font-weight: bold;}

.link .link-dl{}
.link .link-dl dl dd{padding: 0 27px;float: left;}
.link .link-dl dl dd a{font-size: 16px;color: #333;line-height: 62px;}
.link .link-dl dl dd a:hover{color: #00587D;}